<!DOCTYPE html>
<html>
 <head>
    <title>首页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <style media="screen">
      .row {
         margin-right: 0px;
         margin-left: 0px;
      }
      .my-big-box{
         margin: 10px 0px 10px 0px;
      }
      .my-bar-box{
         background: white;
         margin: 5px 0px 5px 0px;
         padding: 7px 15px 0px 15px;
         font-size:15px;
      }
      .my-small-box{
         background: white;
         margin: 5px 0px 5px 0px;
         padding: 15px;
      }
      .title{
        color: #333;
        height:20px;
        margin:5px;
        overflow:hidden;
      }
      .dept{
        color: #ff9900;
        margin-left: 5px;
      }
      .brief{
        color: #999;
        height:40px;
        margin:5px;
        overflow:hidden;
      }
      .reach-left{
        color: #333;
        margin-right: 5px;
      }
      .symptom{
        color: #666;
        height:20px;
        margin:5px;
        overflow:hidden
      }
      /* 滚动条框设置 */
      *::-webkit-scrollbar {
        width: 7px;
        border-radius:3px;
      }

      /* 滚动条设置 */
      *::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #555;
      }
      .container>div{
        margin-bottom: 10px;
      }
      .my-a{
        text-decoration:none;
        style="text-decoration:none;color:#333;"
      }
      p{
        text-decoration:none;
      }
      .goTop {
          height: 40px;
          width: 40px;
          background: #000000;
          border-radius: 0px;
          position: fixed;
          top: 90%;
          right: 3%;
          display: none;
          padding: 10px;
          text-align: center;
      }
      .goTop span {
          color: #fff;
      }
    </style>
 </head>
 <body style="background:#f5f5f5">
   <div class="container col-xs-12 col-sm-8 col-sm-offset-2">
     <!--头部开始-->
     <header class="row" style="padding-bottom: 10px;background:#f5f5f5">
       <nav class=""style="text-align:center; padding: 10px;">
         <div class="col-xs-4 col-xs-offset-4" style="font-size: 20px;">
           <a href="index.html" style="text-decoration:none;color:#333;">医疗问答</a>
         </div>
         <div class="col-xs-1 col-xs-offset-3">
             <img src="images\user.png" style="width:28px; height:28px;">
          </div>
       </nav>
     </header>
     <!--头部结束-->
      <!--搜索开始-->
      <div class="row" style="background:#f5f5f5">
				<div class="input-group">
  					<input type="text" class="form-control" placeholder="搜索疾病、症状、药物">
  					<span class="input-group-btn">
  						<button class="btn btn-default" type="button">
              <a href="search.html" style="text-decoration:none;color:#333;">搜索</a>
            </button>
					</span>
				</div><!-- /input-group -->
  		</div><!-- /.row -->
      <!--搜索结束-->
      <!--问答开始-->
      <div class="row my-big-box">
        <div class="row my-small-box" style="text-align:center;box-shadow: #e9e9e9 0px 0px 1px 1px;margin:0 0 0 0;border-radius:2px">
          <a href="search_more.html" class="col-xs-2" style="text-decoration:none;color:#333;margin-right:4.1666%;">
            <img src="images\search_jib.png" alt="查疾病">
            <p>查疾病</p>
          </a>
          <a href="search_more.html" class="col-xs-2" style="text-decoration:none;color:#333;margin-right:4.1666%;">
            <img src="images\search_zz.png" alt="查症状">
            <p>查症状</p>
          </a>
          <a href="search_more.html" class="col-xs-2" style="text-decoration:none;color:#333;margin-right:4.1666%;">
            <img src="images\search_yao.png" alt="查药物">
            <p>查药物</p>
          </a>
          <a href="chat.html" class="col-xs-2" style="text-decoration:none;color:#333;margin-right:4.1666%;">
            <img src="images\qa.png" alt="智能问答">
            <p>智能问答</p>
          </a>
          <a href="#" class="col-xs-2" style="text-decoration:none;color:#333;">
            <img src="images\wy.png" alt="快速问医">
            <p>快速问医</p>
          </a>
        </div>
      </div>
      <!--问答结束-->
      <!--找医生开始-->
      <div class="row my-big-box">
        <div class="col-xs-12 col-md-12 center-block" style="height:70px; background:white;">
          <!--找医生img-->
          <div class="col-xs-3 center-block" style="height:70px; padding:10px;">
            <img src="images\zys.png" style="width:108px; height:44px">
          </div><!--找医生img-->
          <div class="col-xs-9" style="margin:0;padding:0;">
            <!--按科室找-->
            <div class="col-xs-6 center-block" style="height:40px;padding: 0 0 0 25px;margin-top:17px">
                <input type="text" class="form-control" placeholder="按科室找">
            </div><!--按科室找-->
            <!--按医院找-->
            <div class="col-xs-6" style="height:40px;padding: 0 0 0 25px;margin-top:17px">
                <input type="text" class="form-control" placeholder="按医院找">
            </div><!--按医院找-->
          </div>

        </div>
      </div>
      <!--找医生结束-->
      <!--科室开始-->
      <div class="row my-big-box">
        <div class="row my-bar-box">
          <p style="float:left">按科室查</p>
          <a href="department.html" style="text-decoration:none; float:right; color:#333">更多</a>
        </div>
        <!--my-small-box-->
        <div class="row my-small-box">
          <!--妇产科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
                <img src="images\depart1.png" alt="妇产科">
                <p>妇产科</p>
          </a><!--妇产科-->
          <!--内科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
              <img src="images\depart2.png">
              <p>内 科</p>
          </a><!--内科-->
          <!--外科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
              <img src="images\depart3.png">
              <p>外 科</p>
          </a><!--外科-->
          <!--儿科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
              <img src="images\depart4.png">
              <p>儿 科</p>
          </a><!--儿科-->
          <!--皮肤科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;">
              <img src="images\depart5.png">
              <p>皮肤科</p>
          </a><!--皮肤科-->
          <!--五官科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
              <img src="images\depart6.png">
              <p>五官科</p>
          </a><!--五官科-->
          <!--中医科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
              <img src="images\depart7.png">
              <p>中医科</p>
          </a><!--中医科-->
          <!--男科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
            <img src="images\depart8.png">
            <p>男 科</p>
          </a><!--男科-->
          <!--肿瘤科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;margin-right: 4.1666%;">
            <img src="images\depart9.png">
            <p>肿瘤科</p>
          </a><!--肿瘤科-->
          <!--神经科-->
          <a class="col-xs-2" align="center" href="department.html" style="text-decoration:none;color:#333;">
            <img src="images\depart10.png">
            <p>精神科</p>
          </a><!--神经科-->
        </div><!--my-small-box-->
      </div><!--科室结束-->
      <!--女性常见病开始-->
      <div class="row my-big-box">
        <div class="row my-bar-box">
          <p style="float:left">女性常见病</p>
          <a href="people.html" style="text-decoration:none; float:right; color:#333">更多</a>
        </div>
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
      </div><!--女性常见病结束-->
      <!--男性常见病开始-->
      <div class="row my-big-box">
        <div class="row my-bar-box">
          <p style="float:left">男性常见病</p>
          <a href="people.html" style="text-decoration:none; float:right; color:#333">更多</a>
        </div>
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
      </div><!--男性常见病结束-->
      <!--儿童常见病开始-->
      <div class="row my-big-box">
        <div class="row my-bar-box">
          <p style="float:left">儿童常见病</p>
          <a href="people.html" style="text-decoration:none; float:right; color:#333">更多</a>
        </div>
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
      </div><!--儿童常见病结束-->
      <!--老年人常见病开始-->
      <div class="row my-big-box">
        <div class="row my-bar-box">
          <p style="float:left">老年人常见病</p>
          <a href="people.html" style="text-decoration:none; float:right; color:#333">更多</a>
        </div>
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
        <!--泛细支气管炎-->
        <a href="disease.html" style="text-decoration:none;">
          <div class="row my-small-box">
            <div class="row title">
              泛细支气管炎<span class="dept">[内科]</span>
            </div>
            <div class="row brief">
                弥漫性泛细支气管炎(diffusepanbronchiolitis ,DPB)是一种弥漫存在于两肺呼吸
              性细支气管的气道慢性炎症性疾病。受累部位主要是呼吸性细支气管以远的终末气道。
              由于炎症病变弥漫性地分布并累及呼吸性细支气管壁的全层,故称之为啊啊啊啊啊啊啊
              啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...
            </div>
            <div class="row symptom">
              <span class="reach-left">相关症状:</span>呼吸困难、活动后气促、咳嗽、咳痰、老人剧烈咳嗽
            </div>
          </div>
        </a><!--泛细支气管炎-->
      </div><!--老年人常见病结束-->
      <div class="goTop">
          <span class="glyphicon glyphicon-chevron-up"></span>
      </div>
      <!--footer开始-->
      <footer class="row text-center" style="background:#333; height:50px; color:white;padding:20px">
        <p>2020</p>
      </footer>
      <!--footer结束-->
    </div>
 </body>
 <!--返回顶部开始-->
 <script type="text/javascript">
     function goTop(min_height) {
         $(".goTop").click(
             function() {
                 $('html,body').animate({
                     scrollTop: 0
                 }, 700);
             });
         //获取页面的最小高度，无传入值则默认为600像素
         min_height=min_height?min_height:400;
         //为窗口的scroll事件绑定处理函数
         $(window).scroll(function() {
             //获取窗口的滚动条的垂直位置
             var s = $(window).scrollTop();
             //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐
             if (s > min_height) {
                 $(".goTop").fadeIn(100);
             } else {
                 $(".goTop").fadeOut(200);
             }
         });
     }

     $(function() {
         goTop();
     });
 </script>
 <!--返回顶部结束-->
</html>
